<style>
    .knoTable{
        border: none;
        background-color: transparent;
    }
</style>
<script>
 function showtype() {
     if(document.getElementById("titletype").value==="判断题"){
         document.getElementById("chooseP").style.display = "none";
     }
     else document.getElementById("chooseP").style.display = "block";
 }
</script>
<div style="padding: 50px 100px 10px; left: 35%;position: absolute;" :controller="Question">
    <!--<form class="bs-example bs-example-form" role="form">-->
    <div class="input-group input-group-sm">
        <span class="input-group-addon">科目</span>
        <select class="form-control" :click="@subjctfn">
            <option :for="(k,v) in @subjct">{{v.Name}}</option>
        </select>
    </div>
    <br>
    <div class="input-group input-group-sm">
        <span class="input-group-addon">题目类型</span>
        <select class="form-control" id="titletype" onclick="showtype()">
            <option>单选题</option>
            <option>多选题</option>
            <option>判断题</option>
            <!--<option>大题</option>-->
            <!--<option>主观题</option>-->
        </select>
    </div>
    <br>
    <div class="input-group input-group-sm">
        <span class="input-group-addon">题目难度</span>
        <select class="form-control">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
    </div>
    <br>
    <div class="input-group input-group-sm">
        <span class="input-group-addon ">题目知识点</span>
        <select class="form-control" style="min-width:170px" :click="@knowledgefn">
            <option :for="(k,v) in @knowledge">{{v.Name}}</option>
        </select>
        <span class="input-group-btn" style="width: 50px;background-color: transparent;border: none">
                <!--<button class="pull-right btn btn-info" data-toggle="modal" data-target="#myModal">知识点管理</button>-->
                <div class="modal fade dialog" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
                     aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h3 class="modal-title" id="myModalLabel" style="text-align: center">知识点管理</h3>
                        </div>
                        <div class="modal-body">
                            <div class="input-group input-group-sm" style="margin-bottom: 10px">
                                <span class="input-group-addon">层次</span>
                                <select class="form-control">
                                    <option>本科</option>
                                    <option>专科</option>
                                </select>
                            </div>
                            <div class="input-group input-group-sm"  style="margin-bottom: 10px">
                                <span class="input-group-addon">专业</span>
                                <select class="form-control">
                                    <option>软件工程</option>
                                    <option>计算机技术</option>
                                </select>
                            </div>
                           <br>
                            <div style="display: inline-block">
                            <div class="input-group input-group-sm">
                                <span class="input-group-addon">科目</span>
                                <select class="form-control">
                                    <option>计算机</option>
                                    <option>语文</option>
                                </select>
                            </div>
                                </div>
                            <button class="pull-right btn btn-info" style="float: right;">查询</button>
                            <!--知识点table-->
                               <table class="table table-responsive table-bordered" style="margin: 100px 0;text-align: center;">
                <thead style="word-break: keep-all;white-space: nowrap">
                <tr>
                    <td><span class="input-group-addon knoTable">序号</span></td>
                    <td class="input-group-addon">知识点</td>
                </tr>
                </thead>
                <tbody>
                <tr>
                   <td><span class="input-group-addon knoTable">1</span></td>
                    <td class="input-group-addon">1.1几何知识</td>
                </tr>
                </tbody>
                <tfoot>
                <tr>
                     <td>
                         <button class="btn btn-link">添加知识点</button>
                    </td>
                <!--</tr>-->
                <!--<tr>-->
                    <td colspan="80" class="input-group-addon">
                        <div class="row">
                            <div class="col-md-5 ">
                                <span >第&nbsp;</span><span>{{@Search.P}}</span><span>&nbsp;页</span>&nbsp;&nbsp;
                                <span>共&nbsp;</span><span>{{@Search.TP}}</span><span>&nbsp;页</span>
                            </div>
                            <div class="col-md-5">
                                <ul class="pagination" style="margin: 0 0 0 0;">
                                    <li :if="@Search.P>1"><a :click="@Search.P--">&laquo;</a></li>
                                    <li :for="v in @Search.Pages" :click="@Search.P=v"><a
                                            :class="[(@Search.P==v?'selected':'')]">{{v}}</a></li>
                                    <li :if="@Search.P<@Search.TP"><a :click="@Search.P++">&raquo;</a></li>
                                </ul>
                            </div>
                        </div>
                    </td>
                </tr>
                </tfoot>
            </table>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">提交</button>
                        </div>
                    </div>
                </div>
                </div>
            </span>
    </div>
    <br>
    <div class="subsplit">
    <div class="input-group input-group-sm">
        <span class="input-group-addon">题干</span>
        <textarea class="form-control" style="height: 150px"></textarea>
    </div>
    <br>
    <div class="choosePart" id="chooseP">
    <div class="input-group input-group-sm">
        <span class="input-group-addon">选项A</span>
        <input type="text" class="form-control">
    </div>
    <br>
    <div class="input-group input-group-sm">
        <span class="input-group-addon">选项B</span>
        <input type="text" class="form-control">
    </div>
    <br>
    <div class="input-group input-group-sm">
        <span class="input-group-addon">选项C</span>
        <input type="text" class="form-control">
    </div>
    <br>
    <div class="input-group input-group-sm">
        <span class="input-group-addon">选项D</span>
        <input type="text" class="form-control">
    </div>
    <br>
    </div>
    <div class="input-group input-group-sm">
        <span class="input-group-addon">答案</span>
        <input type="text" class="form-control">
    </div>
    <br>
    <div class="input-group input-group-sm">
        <span class="input-group-addon">分数</span>
        <input type="text" class="form-control">
    </div>
    </div>
    <!--<div class="Englishdiv">-->
        <!--<div class="input-group input-group-sm">-->
            <!--<span class="input-group-addon">文章</span>-->
            <!--<textarea class="form-control" style="height: 150px"></textarea>-->
        <!--</div>-->
        <!---->
    <!--</div>-->

    <br>
    <!--</form>-->
    <button class="btn btn-primary btn-block" type="submit" style="width: 330px">保存</button>
</div>

